<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 网站用户</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
  <style>
    .layui-nav-tree{
      width: 90px;
      padding: 0 ;
    }
    .layui-nav-tree .layui-nav-item a{
      height: 30px;
      line-height: 33px;
    }
    .layui-nav{
      border-radius: 0px;
      background-color：#4288ce;
    }
  </style>
</head>
<body>
<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
      <div class="layui-form-item">

        <!--<div class="layui-inline">-->
          <!--<label class="layui-form-label">订单号</label>-->
          <!--<div class="layui-input-block">-->
            <!--<input type="text" name="order_sn" placeholder="请输入" autocomplete="off" class="layui-input">-->
          <!--</div>-->
        <!--</div>-->
        <div class="layui-inline">
          <label class="layui-form-label">专家id</label>
          <div class="layui-input-block">
            <input type="text" name="expert_uid" placeholder="请输入" autocomplete="off" class="layui-input">
            <!--<div class="layui-col-md15">-->
              <!--<select name="category_id">-->
                <!--<option value="">请选择一个来源类别</option>-->
                <!--<option value="1">在线充值</option>-->
                <!--<option value="2">系统充值</option>-->
                <!--<option value="3">取消订单返还</option>-->
                <!--<option value="4">发帖奖励</option>-->
                <!--<option value="5">回帖奖励</option>-->
                <!--<option value="6">分享奖励</option>-->
                <!--<option value="7">闯关奖励</option>-->
                <!--<option value="8">新手奖励</option>-->
                <!--<option value="9">签到奖励</option>-->
                <!--<option value="10">商城消费</option>-->
                <!--<option value="11">鉴宝消费</option>-->
                <!--<option value="12">闯关</option>-->
                <!--<option value="13">预测</option>-->
              <!--</select>-->
            <!--</div>-->
          </div>
        </div>

        <!--<div class="layui-inline">-->
          <!--<label class="layui-form-label">手机号</label>-->
          <!--<div class="layui-input-block">-->
            <!--<input type="text" name="mobile" placeholder="请输入" autocomplete="off" class="layui-input">-->
          <!--</div>-->
        <!--</div>-->
        <div class="layui-inline">
          <label class="layui-form-label">日期</label>
          <div class="layui-input-block">
            <input type="text" name="s_time2" id="s_time" placeholder="请输入开始时间" autocomplete="off" class="layui-input">
            <input type="text" name="e_time2" id="e_time" placeholder="请输入截止时间" autocomplete="off" class="layui-input">
          </div>
        </div>


        <div class="layui-inline">
          <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
          </button>
        </div>
      </div>
    </div>
    <div class="layui-card-body">
      <div style="padding-bottom: 10px;">
        <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="batchdel">删除</button>-->
        <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>-->
      </div>
      <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
      <script type="text/html" id="imgTpl">
        <img style="display: inline-block; width: 50%; height: 100%;" src= {{ d.avatar }}>
      </script>
      <script type="text/html" id="LAY-user-manage">
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
      </script>
      <script  type="text/javascript"  src="" ></script>
    </div>
  </div>
</div>
<script src="../../../layuiadmin/layui/layui.js"></script>
<script src="../../../layuiadmin/layui/layui.all.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>

    layui.use(['form', 'laydate',"upload","jquery"], function(){
        laydate = layui.laydate;
        laydate.render({ //发布时间
            elem: '#s_time'
            ,type: 'datetime'
        });
        laydate.render({ //发布时间
            elem: '#e_time'
            ,type: 'datetime'
        });
    });
    function timeStamp2String(time){
        var datetime = new Date();
        datetime.setTime(time);
        var year = datetime.getFullYear();
        var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
        var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
        var hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours();
        var minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
        var second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
        return year + "-" + month + "-" + date+" "+hour+":"+minute+":"+second;
    }
    //table 渲染
    layui.use(['table'], function(){
        var $ = layui.$
            ,form = layui.form
            ,table = layui.table;
        var tableIns = table.render({
            elem: '#LAY-user-manage',
            //后台api数据
            url : "{:url('expert_list?op=table')}",
            cellMinWidth : 95,
            page : true,
            height : "full-125",
            limits : [10,40,100,500,1000],
            limit : 10,
            id : "LAY-user-manage",
            cols : [[
                {checkbox: true},
                {field: 'id', title: '记录ID', minWidth:100, align:"center"},
                {field: 'expert_uid', title: '专家ID', align:'center'},
                {field: 'nickname', title: '专家名称', align:'center'},
                {field: 'count', title: '鉴定的奖金', align:'center',minWidth:80},
                {field: 'type', title: '类型', align:'center',minWidth:50,templet:function (d){
                    if(d.type==1){return '线下'}else{return '线上'}
                }},
                {field: 'create_time', title: '时间', align:'center',minWidth:70,templet:function (d){
                    return timeStamp2String(d.create_time*1000);
                }},
//                {field: '', title: '操作', align:'center',templet:function(d){
//                    return '<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 10px;">'+
//                        '<li class="layui-nav-item layui-nav-itemed">'+
//                        '<a href="#">操作</a href="">'+
//                        '<dl class="layui-nav-child">'+
////                    '<dd><a  href="javascript:;">匹配订单</a></dd>'+
//                        '<dd><a  href="javascript:;"  onclick="Frozen('+d.id+')">冻结账号</a></dd>'+
//                        '<dd><a  href="javascript:;"  onclick="useing('+d.id+')">解封账号</a></dd>'+
////                    '<dd><a href="javascript:;">选项三</a></dd>'+
////                    '<dd><a href="">跳转项</a></dd></dl>'+
//                        '</li>';
//                }},
            ]]
        });
        console.log(tableIns);
        //监听搜索
        form.on('submit(LAY-user-front-search)', function(data){
            var field = data.field;
            console.log(field);
            //执行重载
            table.reload('LAY-user-manage',{
                url: "{:url('expert_list?op=table')}",
                where : field,
                done: function(res, curr, count){
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                    console.log(res);
                    //得到当前页码
//                  console.log(curr);
                    //得到数据总量
//                  console.log(count);
                }
            });
        });

        //事件
        var active = {
            batchdel: function(){
                var checkStatus = table.checkStatus('LAY-user-manage')
                    ,checkData = checkStatus.data; //得到选中的数据
                if(checkData.length === 0){
                    return layer.msg('请选择数据');
                }
                layer.prompt({
                    formType: 1
                    ,title: '敏感操作，请验证口令'
                }, function(value, index){
                    layer.close(index);
                    layer.confirm('确定删除吗？', function(index){
                        //执行 Ajax 后重载
                      /*
                       admin.req({
                       url: 'xxx'
                       //,……
                       });
                       */
                        table.reload('LAY-user-manage');
                        layer.msg('已删除');
                    });
                });
            }
            ,add: function(){

            }
        };

        $('.layui-btn.layuiadmin-btn-useradmin').on('click', function(){
            var type = $(this).data('type');
            console.log(type);
            active[type] ? active[type].call(this) : '';
        });
    });
    //  function matching(id) {
    //      window.location.href="matching";
    //  }
    //冻结该账户
    function Frozen(id) {
        layer.open({
            title:'确定冻结该账户吗',
            type:1,
            skin: 'demo-class',
            btn:['确定','取消']
            ,yes:function (index,layero) {
                $.ajax({
                    url:"{:url('user/Frozen')}",
                    data:{id:id},
                    type:'post',
                    dataType:'json',
                    success:function (data){
                        if(data.code==202){
                            layer.msg('该用户已经冻结,不可再次冻结');
                        }
                        if(data.code==200){
                            layer.msg('冻结成功');
                            layer.close(index);
                            window.location.reload(); //数据刷新
                        }
                        if(data.code==201){
                            layer.msg('冻结失败');
                            layer.close(index)
                        }
                    }
                })
            }

        })

    }
    //解封账户
    function useing(id) {
        layer.open({
            title:'确定解封该账户吗',
            type:1,
            skin: 'demo-class',
            btn:['确定','取消']
            ,yes:function (index,layero) {
                $.ajax({
                    url:"{:url('user/useing')}",
                    data:{id:id},
                    type:'post',
                    dataType:'json',
                    success:function (data){
                        if(data.code==202){
                            layer.msg('该用户已经解封,不可再次解封');
                        }
                        if(data.code==200){
                            layer.msg('解封成功');
                            layer.close(index);
                            window.location.reload(); //数据刷新
                        }
                        if(data.code==201){
                            layer.msg('解封失败');
                            layer.close(index)
                        }
                    }
                })
            }

        })

    }


</script>
</body>
</html>
